<template>
<div class="pay-settings views-container">
    <el-dialog :visible.sync="dialogVisibleImg" @close="clearData" width="35%" custom-class="reset-pwd wlm-form-dialog dialog-table">
        <div class="flex-col flex-justify-c flex-align-c" style="padding:10px 50px;">
            <img src="@/assets/login/update.png" alt="" style="width:50%">
            <el-progress v-if="$percentage>0" style="margin:30px 0;width:100%;height:30px;" :text-inside="true" :stroke-width="26" :percentage="$percentage"></el-progress>
            <span style="margin-bottom:40px;">系统正在为您做最后处理，请耐心等待~~~</span>
        </div>
    </el-dialog>
    <div class="main">
        <div class="wlm-form">
            <div class="wlm-form-header">验证码</div>
            <div class="wlm-form-content no-pd">
                <div class="content flex-row flex-warp">
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>注册验证码</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="clearCache('register')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                        </div>
                    </div>

                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>找回密码</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="clearCache('findBack')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>订单核销码</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="clearCache('payCheck')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="wlm-form-header flex-row flex-justify-b">交易提醒
                <!-- <el-button  @click="resetDeal" plain size="small">重置</el-button> -->
            </div>
            <div class="wlm-form-content no-pd">
                <div class="content flex-row flex-warp">
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>订单催付提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('unpaid')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>

                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>订单核销提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('ordercheck')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>

                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>退款成功提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('refund')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>付款成功提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('pay')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>订单自提提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('selfget')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>订单发货提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('send')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>售后状态提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('aftersale')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>

                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>开奖结果通知</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('lottery')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>拼团结果通知</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('groups')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>

                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>收益到账提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('profit')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>

                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>商家提现提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('shopextract')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>砍价结果通知</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('bargain')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>订单支付提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('adminpay')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>

                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>订单到期提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('orderOverdue')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>

                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>社区团购取货提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('cgpReminder',4)" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>社区团购延期提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('cgpDelay')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>预约提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('reserve')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>

                    <!-- <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>参团成功通知</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('shopextract')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div> -->
                     <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>活动开始通知</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkDeal('luckstart')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="wlm-form-header">营销提醒</div>
            <div class="wlm-form-content no-pd">
                <div class="content flex-row flex-warp">
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>成为分销商提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkMarketing('bedealer')" plain size="small">设置</el-button>
                            </div>
                        </div>
                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>

                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>新增下级提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkMarketing('nextdealer')" plain size="small">设置</el-button>
                            </div>
                        </div>
                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>

                    <!-- <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>用户召回提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkMarketing('deliver')" plain size="small">设置</el-button>
                            </div>
                        </div>
                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div> -->
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>优惠券发送提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkMarketing('sendcoupon')" plain size="small">设置</el-button>
                            </div>
                        </div>
                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>分销提现提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkMarketing('dealerextract')" plain size="small">设置</el-button>
                            </div>
                        </div>
                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>任务宝通知提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkMarketing('assist')" plain size="small">设置</el-button>
                            </div>
                        </div>
                        <div class="flex-row pay-content flex-warp">
                          
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信公众号</span>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>商家提现提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkMarketing('busextract')" plain size="small">设置</el-button>
                            </div>
                        </div>
                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="wlm-form-header">平台</div>
            <div class="wlm-form-content no-pd">
                <div class="content flex-row flex-warp">
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>库存预警提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkPlatform('stock')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>售后维权提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkPlatform('selfaftersale')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>商家入驻进度提醒</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkPlatform('live')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                    <div class="pay-source">
                        <div class="pay-tit flex-row flex-align-c flex-justify-b">
                            <div class="flex-col">
                                <div>平台订单通知</div>
                                <p></p>
                            </div>
                            <div class="pay-set">
                                <el-button type="primary" @click="linkPlatform('adminpay')" plain size="small">设置</el-button>
                            </div>
                        </div>

                        <div class="flex-row pay-content flex-warp">
                            <div class="flex-col pay-item orders-gray">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;短信消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信模板消息</span>
                            </div>
                            <div class="flex-col pay-item orders-green">
                                <span><i class="el-icon-check"></i>&nbsp;&nbsp;微信小程序消息</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</template>

<script>
import { delSmsTpl } from '@/api/application'
import mixins from '@/mixins/mixins'
export default {
  mixins: [mixins.getters('Form')],
  name: 'EmptyCache',
  components: {

  },
  computed: {
    allUpdateFile() {
      return this.tempKeyArr.length
    },
    $percentage() {
      let num = (Number(this.nowUpdateFile) / Number(this.allUpdateFile)) * 100
      num = +num.toFixed(2)
      if (num > 100) {
        num = 100
      }
      //   this.$forceUpdate()
      return num
    }
  },
  data() {
    return {
      paysetData: [],
      tempKeyArr: [
        'pay',
        'unpaid',
        'ordercheck',
        'refund',
        'send',
        'selfget',
        'aftersale',
        'bedealer',
        'nextdealer',
        'stock',
        'selfaftersale',
        'lottery',
        'groups',
        'deliver',
        'profit',
        'sendcoupon',
        'shopextract',
        'bargain',
        'dealerextract',
        'assist',
        'live',
        'busextract',
        'adminpay',
        'reserve'
      ],
      dialogVisibleImg: false,
      dialogTableVisible: false,
      nowUpdateFile: 0,
      formFormatData: {
        key: 'userForm',
        api: {
          editForm: {

          }
        },
        formData: {
          balance: '1',
          type: 'wechat',
          wechat: '',
          alipay: ''
        },
        rules: {
          //   oldPassword: [{
          //     required: true,
          //     message: '请输入密码',
          //     trigger: 'blur'
          //   }],
          //   password: [{
          //     required: true,
          //     message: '请输入密码',
          //     trigger: 'blur'
          //   }],
          //   repassword: [{
          //     required: true,
          //     message: '请输入确认密码',
          //     trigger: 'blur'
          //   }]
        }
      },
      lastClear: ''
    }
  },
  created() { },
  methods: {
    clearData() {
      this.nowUpdateFile = 0
    },
    resetDeal() {
      this.dialogVisibleImg = true
      this.tempKeyArr.map(item => {
        this.qsSmsTpl(item)
      })
    //   delSmsTpl().then(res => {
    //     console.log(res)
    //     const { data: { code }} = res
    //     if (code === 1) {
    //       console.log('重置成功')
    //     }
    //   })
    },
    qsSmsTpl(itemKey) {
      delSmsTpl({ key: itemKey }).then(res => {
        const { data: { code } } = res
        if (code === 1) {
          this.nowUpdateFile = this.nowUpdateFile + 1
          if (this.$percentage === 100) {
            this.dialogVisibleImg = false
            this.$message({
              message: '重置成功',
              type: 'success'
            })
          }
        }
      })
    },
    clearCache(params) {
      this.$router.push({
        path: '/application/notificationAdd',
        query: { type: 'validate', key: params }
      })
    },
    linkDeal(params, source = '') {
      this.$router.push({
        path: '/application/notificationDeal',
        query: { type: 'trade', key: params, souce: source }
      })
    },
    linkMarketing(params) {
      this.$router.push({
        path: '/application/notificationMarketing',
        query: { type: 'marketing', key: params }
      })
    },
    linkPlatform(params) {
      this.$router.push({
        path: '/application/notificationPlatform',
        query: { type: 'platform', key: params }
      })
    },
    formFormatCallBack() { }
  }
}
</script>

<style lang="scss" scoped>
.pay-settings {
    .main {
        width: 100%;
        min-height: calc(100vh - 90px);
        border-radius: 4px;
        background: #ffffff;

        .content {
            padding-top: 20px;

            .pay-source {
                margin-bottom: 20px;
                margin-left: 20px;
                width: 378px;
                border: 1px solid #eee;
                background: #fff;
                padding-bottom: 8px;
                border-radius: 4px;

                .pay-tit {
                    // height: 88px;
                    background: #f3f4f7;
                    padding: 15px;

                    div {
                        color: #000;
                        font-size: 16px;
                        // padding-bottom: 10px;

                        &.pay-set {
                            align-self: flex-end;
                            // padding-bottom: 3px;
                        }
                    }

                    p {
                        font-size: 12px;
                        color: #7d7b7b;
                    }
                }
            }

            .pay-content {
                margin-top: 30px;

                .pay-item {
                    width: 33.33%;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-bottom: 20px;

                    .pay-icon {
                        width: 36px;
                        height: 36px;
                    }
                }
            }
        }
    }

    .main-text {
        margin-top: 30px;
    }
}
</style>
